<script setup lang="ts">

</script>

<template>
  <div class="flex flex-col gap-4 items-center">
    <!-- 头像 -->
    <div class="col-span-5 row-span-2">
      <img class="w-20 mx-auto rounded-full ring-4"
           src="../../assets/avatar.jpg" alt="touxiang">
    </div>
    <!--描述信息-->
    <div class="text-center">
      <h2>Halo!</h2>
      <span>这里是 Essue</span>
    </div>
    <!-- 登录 注册按钮 -->
    <div class="min-w-fit w-3/5 space-y-2">
      <button class="button">登录</button>
      <button class="button">注册</button>
    </div>
  </div>
</template>

<style scoped>
.button{
  @apply w-full;
}
</style>